<template>
<div class="hot-list2 clearfix">
    <div class="hot-item-left2">        
        <div class= "hot-title-item">
            <a>
                <img src="../../../static/imgs/hot7.jpg" alt="">
            </a>
        </div>
    </div>
    <div class="hot-item-right2">        
        <div class= "hot-item2">
            <a>
                <img src="../../../static/imgs/hot8.jpg" alt="">
            </a>
        </div>
        <div class= "hot-item2">
            <a>
                <img src="../../../static/imgs/hot9.jpg" alt="">
            </a>
        </div>
        <div class= "hot-item2">
            <a>
                <img src="../../../static/imgs/hot10.jpg" alt="">
            </a>
        </div>
        <div class= "hot-item2">
            <a>
                <img src="../../../static/imgs/hot11.jpg" alt="">
            </a>
        </div>
    </div>
</div>
</template>
<script>
</script>
<style>
.hot-item-left2{
    float:left;
    width:40%;
}
.hot-item-right2{
    float:left;  
    width:60%;  
}
.hot-item2{
    width:50%;
    float:left;
}
.hot-list2 a{
    display:block;
}
</style>